﻿jQuery(document).ready(function () {

    jQuery(".niceCheck").mousedown(
    /* при клике на чекбоксе меняем его вид и значение */
        function () {
            changeCheck(jQuery(this));
        });

    jQuery(".niceCheck input").change(
        function () {
            var $this = jQuery(this);
            if ($this.is(':checked')) {
                $this.parent().addClass('checked');
            } else {
                $this.parent().removeClass('checked');
            }
        });

    jQuery(".niceCheck").each(
    /* при загрузке страницы нужно проверить какое значение имеет чекбокс и в соответствии с ним выставить вид */
        function () {
            changeCheckStart(jQuery(this));
        });

});

function changeCheck(el) {
    var input = el.find("input");

    if (!input.attr("checked")) {
        el.addClass('checked');
        input.attr("checked", true);
    } else {
        el.removeClass('checked');
        input.attr("checked", false);
    }

    return true;
}

function changeCheckStart(el) {
    var input = el.find("input");

    if (input.attr("checked")) {
        el.addClass('checked');
    }

    return true;
}
